<template>
  <div class="footer">
    <van-tabbar
      route
      active-color="#017ce7"
      inactive-color="#000"
    >
      <van-tabbar-item
        replace
        to="/home"
        icon=" iconfont icon-home"
      >
        首页
      </van-tabbar-item>
      <van-tabbar-item
        replace
        to="/search"
        icon=" iconfont icon-search"
      >
        查找
      </van-tabbar-item>
      <van-tabbar-item
        replace
        to="/location"
        icon="location"
      >
        附近场地
      </van-tabbar-item>
      <van-tabbar-item
        replace
        to="/mine"
        icon=" iconfont icon-mine"
      >
        我的
      </van-tabbar-item>
    </van-tabbar>
  </div>
</template>
<script>

export default {
}
</script>
<style lang="stylus" scoped>
@import '~common/stylus/variable';
.footer {
  height: 50px;
  width: 100%;
}
</style>
